
<template>
   <div class="send">
        <el-dialog
         title="发送"
         :visible.sync="visible"
         @close="$emit('update:showsendDialog',false)"
         :showsendDialog="showsendDialog"
         class="sendhead"
        >
        <div>
          
            <div class="center" style="text-align: center">
                 <textarea name="" id="" cols="100" rows="10" placeholder="请输入流转意见"></textarea>
            </div>
            <div class="bottom" style="text-align: center">
    
                <el-button size="small"  @close="$emit('update:showsendDialog', false)">取 消</el-button>&nbsp;&nbsp;
                <el-button size="small" type="primary" @click="onSubmit">确 定</el-button>
            </div>
        </div>
        </el-dialog>
   </div>
</template>

<script>
// import { getNextPerson } from  '@/api/ywsp/db.js'
export default {
    props:{
      showsendDialog:{
          type: Boolean,
          default:false,
      },
    },
   
    data() {
      return {
         visible:this.showsendDialog,
         checked:true
      }
    },
    async created(){
      // console.log(this.$route.query.id)
      // const res = await getNextPerson({
      //    taskid:this.$route.query.id
      //  })
      //  console.log(res)
    },
  watch:{
    showsendDialog(){
        this.visible=this.showsendDialog
    }
  
  },
    methods:{
     onSubmit() {
       console.log(122)
     }
    }
}

</script>

<style lang="scss" scoped>
.send {
  /deep/ .sendhead .el-dialog .el-dialog__header {
    height: 42px;
    background: #f4f6f8 !important;
  }
  /deep/.el-dialog__title {
    font-size: 14px;
    color: black;
    font-weight: bold;
  }
  .center{
    margin-top:100px;
   
    textarea{
      border-radius: 4px;
      border: 1px solid #dfe2eb;
      resize: none;
      outline: none;
      text-indent: 1em;
      ::placeholder{
        color:#dfe2eb !important
      }
    }
  }

  .bottom{
    margin-top:30px;
  }
}


</style>